/* pagesCollect/pages/collect/perfect/perfect.wxss */
page {
  background: linear-gradient(180deg, #5DC1AD 0%, #d9d9d900 800rpx, #f2f2f4 100%);
  background-color: #f2f2f4;
  background-repeat: no-repeat;
}

.add {
  float: right;
  display: flex;
  align-items: center;

  image {
    width: 28rpx
  }

  text {
    font-size: 28rpx;
    color: #fff;
    margin-left: 10rpx;
  }
}

.list {
  overflow: hidden;

  .one {
    background-color: #fff;
    padding: 32rpx;
    border-radius: 20rpx;
    margin: 20rpx 36rpx;
    display: flex;

    .imgbox {
      width: 220rpx;
      height: 200rpx;
      overflow: hidden;
      position: relative;
      border-radius: 16rpx;
      margin-right: 20rpx;

      image{
        width: 100%;
        height: 100%;
        float: left;
      }

      text{
        font-size: 24rpx;
        color: #fff;
        line-height: 40rpx;
        height: 40rpx;
        padding: 0 20rpx;
        background-color: rgba(0,0,0,0.5);
        border-radius: 0 0 20rpx 0 ;
        position: absolute;
        top: 0;
        left: 0;
      }

    }
  }

  .flex-f1 {
    flex: 1;
    position: relative;

    .tit {
      font-size: 32rpx;
    }

    .want {
      view {
        font-size: 24rpx;
        color: #999;
        display: flex;
        align-items: center;
        margin: 20rpx 0;

        image {
          width: 24rpx;
          height: 24rpx;
          margin-right: 14rpx;
        }
      }


    }

    .state {
      display: flex;
      align-items: center;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;

      text {
        font-size: 28rpx;
      }

      image {
        width: 36rpx;
        height: 36rpx;
        margin-left: 20rpx;
      }
    }

  }
}

.nodata {
  text-align: center;

  image {
    width: 42vw;
    margin: 180rpx 0 100rpx;
  }

  view {
    font-size: 32rpx;
    color: #fff;
    line-height: 96rpx;
    height: 96rpx;
    background-color: #9FD3C9;
    border-radius: 96rpx;
    margin: 0 100rpx;
  }
}